@CHARSET "UTF-8";

.w990{width:990px;margin:0 auto;}
.w1000{width:1000px;margin:0 auto;}
.w{width: 1000px; margin-left: auto; margin-right: auto;}

/********** Layout ***********/
.topNav{height:30px; background-color: #ccc; overflow: hidden;}
.header{height: 100px; margin-top: 8px; overflow: hidden;}
.menu{height: 40px; background-color: #ccc; margin-top: 8px; overflow: hidden;}
.h-banner{height: 300px; margin-top: 8px; overflow: hidden;}
.h-content{overflow: hidden;}
.footer{height: 80px; background-color: #ccc; margin-top: 8px; overflow: hidden;}

/*********** Head ***********/
.header .logo,.header .search,.header .cart,.header .live-chat{float:left;}
.header .logo{width: 292px; background-color: #ccc; height: 100%; margin-right: 8px;}
.header .search{width: 700px; height: 100%; background-color: #ccc;}
.search .searchArea{position:relative;}
.search input{height:20px;width:360px;line-height:20px;float:left;border:2px solid #B22E40;border-radius:5px 0 0 5px;padding:5px;background:transparent;}
.search button{height:34px;width:60px;border:0;float:left;background-color: #B22E40;border-radius: 0 5px 5px 0;margin-left: -3px;cursor: pointer;font-weight: bold;color: #fff;font-size: 14px;}
.header .cart{margin-left:20px;width:140px;height:40px;/* background-color:#B22E40; */margin-top: 32px;}
.header .cart dt{background-image:url(../images/shoppingcart.png);height:30px;width:80px;padding: 0 16px 0 35px;text-align: center;line-height: 30px;margin-top: 5px;}

/************ h-banner *********/
.h-banner .banner{width: 702px; margin-right: 8px; background-color: #ccc; height: 100%; float: left;}
.h-banner .news{width: 290px; background-color: #ccc; height: 100%; float: left;}

/************ h-contnet  *******/
.h-content .m-category{width: 100%;margin-top: 8px;}
.h-content .m-category .mct{width: 100%; height: 30px; background-color: #ccc;}
.h-content .m-category .mcc{width: 100%; height: 400px;}
.h-content .m-category .mcc .mcc-left{width: 200px; height: 392px; float: left;background-color: #ccc; margin-top: 8px}
.h-content .m-category .mcc .mcc-right{width: 800px; height: 100%; float: left;}
.mcc-right .box{width: 192px; margin-left: 8px; height: 192px; float: left;margin-top: 8px; background-color: #ccc;}

